<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1279381" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">062闪电、急速</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">钻石</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">钻石</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">钻石</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">推荐</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">shopping copy 2</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">下单成功</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">下单成功</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe846;</span>
                <div class="name">左旋转</div>
                <div class="code-name">&amp;#xe846;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">右旋转</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">检索</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">检索记录分析</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">检索</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">ic_商标续展</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">办理记录</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">驳回</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">状态</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">注册</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">账户</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">账户</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">账户资金</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">账户</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">邀请</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">V</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">v</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">美术作品</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">笔记</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89f;</span>
                <div class="name">个人所得税代扣代缴申报</div>
                <div class="code-name">&amp;#xe89f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">补正</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">便民答复</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">商标续展1</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">商标异议申请</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">客户工作台-图标-答复供电方案 copy</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">登记单</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">状态</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">收益高</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">打包</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">提交</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">数据</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">数据检索</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">材料撰写</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">管理</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">客户</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">订单编号-小</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea83;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xea83;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe852;</span>
                <div class="name">上传图片</div>
                <div class="code-name">&amp;#xe852;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">个人</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">上传图片</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">机构</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">名称</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">图形分析</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">提案查重</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">申请人管理</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">申请 蓝</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">开心</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">开心</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">User, person, avtar, profile picture, dp</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">WORD</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">提现</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe965;</span>
                <div class="name">提现</div>
                <div class="code-name">&amp;#xe965;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">提现</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">个人</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">个人 (2)</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">账户</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">岗位权限</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">账户信息</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">检索</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">账户资料</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">管理</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">审批模型-权限</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">藏品检索</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">管理</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">公司</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">权限块状</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">公司&面性</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86d;</span>
                <div class="name">公司</div>
                <div class="code-name">&amp;#xe86d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">客户资源管理</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">880格式_压缩包zip</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">881格式_压缩包rar</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">889格式_通用压缩包</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">文件-文件-1</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0e;</span>
                <div class="name">角标选中</div>
                <div class="code-name">&amp;#xeb0e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">图文详情</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">图片 </div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">添加文字</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">微信支付</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">微信支付</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">微信支付</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">著作权信息</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec2e;</span>
                <div class="name">软件开发包</div>
                <div class="code-name">&amp;#xec2e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">统计分析</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">版权</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">商标认证</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">1分析</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">cat_03</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">借款_处理成功2</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">word</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">word</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">pdf</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">身份证</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">营业执照</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">人民币专用账户</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">人民币jrit</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1e;</span>
                <div class="name">人民币</div>
                <div class="code-name">&amp;#xeb1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">人民币</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">商标</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">版权</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">专利</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87a;</span>
                <div class="name">预警</div>
                <div class="code-name">&amp;#xe87a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">zzw1</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">zzw2</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">对</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">错</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">w4</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">w0</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">w3</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconxiangshang"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.iconxiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-1"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.iconicon-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.iconxiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiangxia1"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.iconxiangxia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.iconicon-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinggao"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.iconjinggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconiconfontcolor100-copy"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.iconiconfontcolor100-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhj1"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.iconhj1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinggao1"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.iconjinggao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinggao2"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.iconjinggao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinggao3"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.iconjinggao3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshandianjisu"></span>
            <div class="name">
              062闪电、急速
            </div>
            <div class="code-name">.iconshandianjisu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconerweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.iconerweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.iconxiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifubao"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.iconzhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpay_type_zfb1"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.iconpay_type_zfb1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconumidd17"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.iconumidd17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuanshi"></span>
            <div class="name">
              钻石
            </div>
            <div class="code-name">.iconzuanshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuanshi1"></span>
            <div class="name">
              钻石
            </div>
            <div class="code-name">.iconzuanshi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-xinde"></span>
            <div class="name">
              钻石
            </div>
            <div class="code-name">.iconicon-xinde
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuijian"></span>
            <div class="name">
              推荐
            </div>
            <div class="code-name">.icontuijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoppingcopy"></span>
            <div class="name">
              shopping copy 2
            </div>
            <div class="code-name">.iconshoppingcopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiadanchenggong1"></span>
            <div class="name">
              下单成功
            </div>
            <div class="code-name">.iconxiadanchenggong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiadanchenggong"></span>
            <div class="name">
              下单成功
            </div>
            <div class="code-name">.iconxiadanchenggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenjiandaoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.iconwenjiandaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.iconxiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrotateleft"></span>
            <div class="name">
              左旋转
            </div>
            <div class="code-name">.iconrotateleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyouxuanzhuan"></span>
            <div class="name">
              右旋转
            </div>
            <div class="code-name">.iconyouxuanzhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiansuo1"></span>
            <div class="name">
              检索
            </div>
            <div class="code-name">.iconjiansuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconziyuan"></span>
            <div class="name">
              检索记录分析
            </div>
            <div class="code-name">.iconziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiansuo2"></span>
            <div class="name">
              检索
            </div>
            <div class="code-name">.iconjiansuo2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconic_shangbiaoxuzhan"></span>
            <div class="name">
              ic_商标续展
            </div>
            <div class="code-name">.iconic_shangbiaoxuzhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongonggao"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.icongonggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbanlijilu"></span>
            <div class="name">
              办理记录
            </div>
            <div class="code-name">.iconbanlijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbohui"></span>
            <div class="name">
              驳回
            </div>
            <div class="code-name">.iconbohui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuangtai1"></span>
            <div class="name">
              状态
            </div>
            <div class="code-name">.iconzhuangtai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwu7"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.iconfuwu7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuce"></span>
            <div class="name">
              注册
            </div>
            <div class="code-name">.iconzhuce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.iconxiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenhao"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.iconwenhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghu1"></span>
            <div class="name">
              账户
            </div>
            <div class="code-name">.iconzhanghu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghu2"></span>
            <div class="name">
              账户
            </div>
            <div class="code-name">.iconzhanghu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghuzijin"></span>
            <div class="name">
              账户资金
            </div>
            <div class="code-name">.iconzhanghuzijin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghu3"></span>
            <div class="name">
              账户
            </div>
            <div class="code-name">.iconzhanghu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyaoqing"></span>
            <div class="name">
              邀请
            </div>
            <div class="code-name">.iconyaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconv"></span>
            <div class="name">
              V
            </div>
            <div class="code-name">.iconv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconv1"></span>
            <div class="name">
              v
            </div>
            <div class="code-name">.iconv1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmeishuzuopin"></span>
            <div class="name">
              美术作品
            </div>
            <div class="code-name">.iconmeishuzuopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiji"></span>
            <div class="name">
              笔记
            </div>
            <div class="code-name">.iconbiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongerensuodeshuidaikoudaijiaoshenbao"></span>
            <div class="name">
              个人所得税代扣代缴申报
            </div>
            <div class="code-name">.icongerensuodeshuidaikoudaijiaoshenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbuzheng"></span>
            <div class="name">
              补正
            </div>
            <div class="code-name">.iconbuzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianmindafu"></span>
            <div class="name">
              便民答复
            </div>
            <div class="code-name">.iconbianmindafu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangbiaoxuzhan"></span>
            <div class="name">
              商标续展1
            </div>
            <div class="code-name">.iconshangbiaoxuzhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangbiaoyiyishenqing"></span>
            <div class="name">
              商标异议申请
            </div>
            <div class="code-name">.iconshangbiaoyiyishenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkehugongzuotai-tubiao-dafugongdianfangancopy"></span>
            <div class="name">
              客户工作台-图标-答复供电方案 copy
            </div>
            <div class="code-name">.iconkehugongzuotai-tubiao-dafugongdianfangancopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrusuodengji"></span>
            <div class="name">
              登记单
            </div>
            <div class="code-name">.iconrusuodengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuangtai"></span>
            <div class="name">
              状态
            </div>
            <div class="code-name">.iconzhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyigao"></span>
            <div class="name">
              收益高
            </div>
            <div class="code-name">.iconshouyigao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondabao"></span>
            <div class="name">
              打包
            </div>
            <div class="code-name">.icondabao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-test"></span>
            <div class="name">
              提交
            </div>
            <div class="code-name">.iconicon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwu5"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.iconfuwu5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuju"></span>
            <div class="name">
              数据
            </div>
            <div class="code-name">.iconshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshujujiansuo"></span>
            <div class="name">
              数据检索
            </div>
            <div class="code-name">.iconshujujiansuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-contract"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.iconicon-contract
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcailiaozhuanxie"></span>
            <div class="name">
              材料撰写
            </div>
            <div class="code-name">.iconcailiaozhuanxie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanli11"></span>
            <div class="name">
              管理
            </div>
            <div class="code-name">.iconguanli11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkehu"></span>
            <div class="name">
              客户
            </div>
            <div class="code-name">.iconkehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaoru1"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icondaoru1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdanbianhao-xiao"></span>
            <div class="name">
              订单编号-小
            </div>
            <div class="code-name">.icondingdanbianhao-xiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchaxun"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.iconchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangchuantupian"></span>
            <div class="name">
              上传图片
            </div>
            <div class="code-name">.iconshangchuantupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongeren1"></span>
            <div class="name">
              个人
            </div>
            <div class="code-name">.icongeren1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuabanfuben1"></span>
            <div class="name">
              上传图片
            </div>
            <div class="code-name">.iconhuabanfuben1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjigou"></span>
            <div class="name">
              机构
            </div>
            <div class="code-name">.iconjigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmingcheng"></span>
            <div class="name">
              名称
            </div>
            <div class="code-name">.iconmingcheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchenggong"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.iconchenggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuxingfenxi"></span>
            <div class="name">
              图形分析
            </div>
            <div class="code-name">.icontuxingfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianchazhong"></span>
            <div class="name">
              提案查重
            </div>
            <div class="code-name">.icontianchazhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenqingrenguanli"></span>
            <div class="name">
              申请人管理
            </div>
            <div class="code-name">.iconshenqingrenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenqinglan"></span>
            <div class="name">
              申请 蓝
            </div>
            <div class="code-name">.iconshenqinglan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwu4"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.iconfuwu4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkaixin"></span>
            <div class="name">
              开心
            </div>
            <div class="code-name">.iconkaixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkaixin1"></span>
            <div class="name">
              开心
            </div>
            <div class="code-name">.iconkaixin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconico"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.iconico
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.iconbianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyonghuming"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.iconyonghuming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconUserpersonavtarprofilepicturedp"></span>
            <div class="name">
              User, person, avtar, profile picture, dp
            </div>
            <div class="code-name">.iconUserpersonavtarprofilepicturedp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconWORD"></span>
            <div class="name">
              WORD
            </div>
            <div class="code-name">.iconWORD
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontixian"></span>
            <div class="name">
              提现
            </div>
            <div class="code-name">.icontixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontixian1"></span>
            <div class="name">
              提现
            </div>
            <div class="code-name">.icontixian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontixian2"></span>
            <div class="name">
              提现
            </div>
            <div class="code-name">.icontixian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuandui"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.icontuandui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwu"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.iconfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwu1"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.iconfuwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwu2"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.iconfuwu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuwu3"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.iconfuwu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongeren"></span>
            <div class="name">
              个人
            </div>
            <div class="code-name">.icongeren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongeren2"></span>
            <div class="name">
              个人 (2)
            </div>
            <div class="code-name">.icongeren2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghu"></span>
            <div class="name">
              账户
            </div>
            <div class="code-name">.iconzhanghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongangweiquanxian"></span>
            <div class="name">
              岗位权限
            </div>
            <div class="code-name">.icongangweiquanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghuxinxi"></span>
            <div class="name">
              账户信息
            </div>
            <div class="code-name">.iconzhanghuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icondaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiansuo"></span>
            <div class="name">
              检索
            </div>
            <div class="code-name">.iconjiansuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhanghuziliao"></span>
            <div class="name">
              账户资料
            </div>
            <div class="code-name">.iconzhanghuziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanli"></span>
            <div class="name">
              管理
            </div>
            <div class="code-name">.iconguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcustom-authority"></span>
            <div class="name">
              审批模型-权限
            </div>
            <div class="code-name">.iconcustom-authority
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcangpinjiansuo"></span>
            <div class="name">
              藏品检索
            </div>
            <div class="code-name">.iconcangpinjiansuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanli1"></span>
            <div class="name">
              管理
            </div>
            <div class="code-name">.iconguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongsi"></span>
            <div class="name">
              公司
            </div>
            <div class="code-name">.icongongsi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquanxiankuaizhuang"></span>
            <div class="name">
              权限块状
            </div>
            <div class="code-name">.iconquanxiankuaizhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongsi_"></span>
            <div class="name">
              公司&面性
            </div>
            <div class="code-name">.icongongsi_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongongsi1"></span>
            <div class="name">
              公司
            </div>
            <div class="code-name">.icongongsi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkehuziyuanguanli"></span>
            <div class="name">
              客户资源管理
            </div>
            <div class="code-name">.iconkehuziyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprintdaoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.iconprintdaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongeshi_yasuobaozip"></span>
            <div class="name">
              880格式_压缩包zip
            </div>
            <div class="code-name">.icongeshi_yasuobaozip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongeshi_yasuobaorar"></span>
            <div class="name">
              881格式_压缩包rar
            </div>
            <div class="code-name">.icongeshi_yasuobaorar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongeshi_tongyongyasuobao"></span>
            <div class="name">
              889格式_通用压缩包
            </div>
            <div class="code-name">.icongeshi_tongyongyasuobao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbuoumaotubiao25"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.iconbuoumaotubiao25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wj-1"></span>
            <div class="name">
              文件-文件-1
            </div>
            <div class="code-name">.iconwj-wj-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiaobiaoxuanzhong"></span>
            <div class="name">
              角标选中
            </div>
            <div class="code-name">.iconjiaobiaoxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuwenxiangqing"></span>
            <div class="name">
              图文详情
            </div>
            <div class="code-name">.icontuwenxiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupian"></span>
            <div class="name">
              图片 
            </div>
            <div class="code-name">.icontupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianjiawenzi"></span>
            <div class="name">
              添加文字
            </div>
            <div class="code-name">.icontianjiawenzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweixinzhifu"></span>
            <div class="name">
              微信支付
            </div>
            <div class="code-name">.iconweixinzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweixinzhifu1"></span>
            <div class="name">
              微信支付
            </div>
            <div class="code-name">.iconweixinzhifu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconweixinzhifu2"></span>
            <div class="name">
              微信支付
            </div>
            <div class="code-name">.iconweixinzhifu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuzuoquanxinxi"></span>
            <div class="name">
              著作权信息
            </div>
            <div class="code-name">.iconzhuzuoquanxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconruanjiankaifabao"></span>
            <div class="name">
              软件开发包
            </div>
            <div class="code-name">.iconruanjiankaifabao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontongjifenxi"></span>
            <div class="name">
              统计分析
            </div>
            <div class="code-name">.icontongjifenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbanquan1"></span>
            <div class="name">
              版权
            </div>
            <div class="code-name">.iconbanquan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangbiaorenzheng"></span>
            <div class="name">
              商标认证
            </div>
            <div class="code-name">.iconshangbiaorenzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxi"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.iconfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxi1"></span>
            <div class="name">
              1分析
            </div>
            <div class="code-name">.iconfenxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcat_"></span>
            <div class="name">
              cat_03
            </div>
            <div class="code-name">.iconcat_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiekuanchulichenggong2"></span>
            <div class="name">
              借款_处理成功2
            </div>
            <div class="code-name">.iconjiekuanchulichenggong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconword1"></span>
            <div class="name">
              word
            </div>
            <div class="code-name">.iconword1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconword"></span>
            <div class="name">
              word
            </div>
            <div class="code-name">.iconword
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpdf"></span>
            <div class="name">
              pdf
            </div>
            <div class="code-name">.iconpdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcredentials_icon"></span>
            <div class="name">
              身份证
            </div>
            <div class="code-name">.iconcredentials_icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuabanfuben"></span>
            <div class="name">
              营业执照
            </div>
            <div class="code-name">.iconhuabanfuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrenminbizhuanyongzhanghu"></span>
            <div class="name">
              人民币专用账户
            </div>
            <div class="code-name">.iconrenminbizhuanyongzhanghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconziyuanjrit"></span>
            <div class="name">
              人民币jrit
            </div>
            <div class="code-name">.iconziyuanjrit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrenminbi1"></span>
            <div class="name">
              人民币
            </div>
            <div class="code-name">.iconrenminbi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrenminbi"></span>
            <div class="name">
              人民币
            </div>
            <div class="code-name">.iconrenminbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshangbiao"></span>
            <div class="name">
              商标
            </div>
            <div class="code-name">.iconshangbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbanquan"></span>
            <div class="name">
              版权
            </div>
            <div class="code-name">.iconbanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingdan"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.icondingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanli"></span>
            <div class="name">
              专利
            </div>
            <div class="code-name">.iconzhuanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyujing1"></span>
            <div class="name">
              预警
            </div>
            <div class="code-name">.iconyujing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconw"></span>
            <div class="name">
              zzw1
            </div>
            <div class="code-name">.iconw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconw1"></span>
            <div class="name">
              zzw2
            </div>
            <div class="code-name">.iconw1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondui"></span>
            <div class="name">
              对
            </div>
            <div class="code-name">.icondui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcuo"></span>
            <div class="name">
              错
            </div>
            <div class="code-name">.iconcuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconw2"></span>
            <div class="name">
              w4
            </div>
            <div class="code-name">.iconw2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconw3"></span>
            <div class="name">
              w0
            </div>
            <div class="code-name">.iconw3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconw4"></span>
            <div class="name">
              w3
            </div>
            <div class="code-name">.iconw4
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangshang"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#iconxiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-1"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#iconicon-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#iconxiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiangxia1"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#iconxiangxia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#iconicon-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinggao"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#iconjinggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconiconfontcolor100-copy"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#iconiconfontcolor100-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhj1"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#iconhj1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinggao1"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#iconjinggao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinggao2"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#iconjinggao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinggao3"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#iconjinggao3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshandianjisu"></use>
                </svg>
                <div class="name">062闪电、急速</div>
                <div class="code-name">#iconshandianjisu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconerweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#iconerweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#iconxiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifubao"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#iconzhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpay_type_zfb1"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#iconpay_type_zfb1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconumidd17"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#iconumidd17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuanshi"></use>
                </svg>
                <div class="name">钻石</div>
                <div class="code-name">#iconzuanshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuanshi1"></use>
                </svg>
                <div class="name">钻石</div>
                <div class="code-name">#iconzuanshi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-xinde"></use>
                </svg>
                <div class="name">钻石</div>
                <div class="code-name">#iconicon-xinde</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuijian"></use>
                </svg>
                <div class="name">推荐</div>
                <div class="code-name">#icontuijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoppingcopy"></use>
                </svg>
                <div class="name">shopping copy 2</div>
                <div class="code-name">#iconshoppingcopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiadanchenggong1"></use>
                </svg>
                <div class="name">下单成功</div>
                <div class="code-name">#iconxiadanchenggong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiadanchenggong"></use>
                </svg>
                <div class="name">下单成功</div>
                <div class="code-name">#iconxiadanchenggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenjiandaoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#iconwenjiandaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#iconxiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrotateleft"></use>
                </svg>
                <div class="name">左旋转</div>
                <div class="code-name">#iconrotateleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyouxuanzhuan"></use>
                </svg>
                <div class="name">右旋转</div>
                <div class="code-name">#iconyouxuanzhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiansuo1"></use>
                </svg>
                <div class="name">检索</div>
                <div class="code-name">#iconjiansuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconziyuan"></use>
                </svg>
                <div class="name">检索记录分析</div>
                <div class="code-name">#iconziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiansuo2"></use>
                </svg>
                <div class="name">检索</div>
                <div class="code-name">#iconjiansuo2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconic_shangbiaoxuzhan"></use>
                </svg>
                <div class="name">ic_商标续展</div>
                <div class="code-name">#iconic_shangbiaoxuzhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongonggao"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#icongonggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbanlijilu"></use>
                </svg>
                <div class="name">办理记录</div>
                <div class="code-name">#iconbanlijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbohui"></use>
                </svg>
                <div class="name">驳回</div>
                <div class="code-name">#iconbohui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuangtai1"></use>
                </svg>
                <div class="name">状态</div>
                <div class="code-name">#iconzhuangtai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwu7"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#iconfuwu7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuce"></use>
                </svg>
                <div class="name">注册</div>
                <div class="code-name">#iconzhuce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#iconxiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenhao"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#iconwenhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghu1"></use>
                </svg>
                <div class="name">账户</div>
                <div class="code-name">#iconzhanghu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghu2"></use>
                </svg>
                <div class="name">账户</div>
                <div class="code-name">#iconzhanghu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghuzijin"></use>
                </svg>
                <div class="name">账户资金</div>
                <div class="code-name">#iconzhanghuzijin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghu3"></use>
                </svg>
                <div class="name">账户</div>
                <div class="code-name">#iconzhanghu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyaoqing"></use>
                </svg>
                <div class="name">邀请</div>
                <div class="code-name">#iconyaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconv"></use>
                </svg>
                <div class="name">V</div>
                <div class="code-name">#iconv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconv1"></use>
                </svg>
                <div class="name">v</div>
                <div class="code-name">#iconv1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmeishuzuopin"></use>
                </svg>
                <div class="name">美术作品</div>
                <div class="code-name">#iconmeishuzuopin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiji"></use>
                </svg>
                <div class="name">笔记</div>
                <div class="code-name">#iconbiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongerensuodeshuidaikoudaijiaoshenbao"></use>
                </svg>
                <div class="name">个人所得税代扣代缴申报</div>
                <div class="code-name">#icongerensuodeshuidaikoudaijiaoshenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbuzheng"></use>
                </svg>
                <div class="name">补正</div>
                <div class="code-name">#iconbuzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianmindafu"></use>
                </svg>
                <div class="name">便民答复</div>
                <div class="code-name">#iconbianmindafu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangbiaoxuzhan"></use>
                </svg>
                <div class="name">商标续展1</div>
                <div class="code-name">#iconshangbiaoxuzhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangbiaoyiyishenqing"></use>
                </svg>
                <div class="name">商标异议申请</div>
                <div class="code-name">#iconshangbiaoyiyishenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkehugongzuotai-tubiao-dafugongdianfangancopy"></use>
                </svg>
                <div class="name">客户工作台-图标-答复供电方案 copy</div>
                <div class="code-name">#iconkehugongzuotai-tubiao-dafugongdianfangancopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrusuodengji"></use>
                </svg>
                <div class="name">登记单</div>
                <div class="code-name">#iconrusuodengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuangtai"></use>
                </svg>
                <div class="name">状态</div>
                <div class="code-name">#iconzhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyigao"></use>
                </svg>
                <div class="name">收益高</div>
                <div class="code-name">#iconshouyigao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondabao"></use>
                </svg>
                <div class="name">打包</div>
                <div class="code-name">#icondabao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-test"></use>
                </svg>
                <div class="name">提交</div>
                <div class="code-name">#iconicon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwu5"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#iconfuwu5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuju"></use>
                </svg>
                <div class="name">数据</div>
                <div class="code-name">#iconshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshujujiansuo"></use>
                </svg>
                <div class="name">数据检索</div>
                <div class="code-name">#iconshujujiansuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-contract"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#iconicon-contract</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcailiaozhuanxie"></use>
                </svg>
                <div class="name">材料撰写</div>
                <div class="code-name">#iconcailiaozhuanxie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanli11"></use>
                </svg>
                <div class="name">管理</div>
                <div class="code-name">#iconguanli11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkehu"></use>
                </svg>
                <div class="name">客户</div>
                <div class="code-name">#iconkehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaoru1"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icondaoru1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdanbianhao-xiao"></use>
                </svg>
                <div class="name">订单编号-小</div>
                <div class="code-name">#icondingdanbianhao-xiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchaxun"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#iconchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangchuantupian"></use>
                </svg>
                <div class="name">上传图片</div>
                <div class="code-name">#iconshangchuantupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongeren1"></use>
                </svg>
                <div class="name">个人</div>
                <div class="code-name">#icongeren1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuabanfuben1"></use>
                </svg>
                <div class="name">上传图片</div>
                <div class="code-name">#iconhuabanfuben1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjigou"></use>
                </svg>
                <div class="name">机构</div>
                <div class="code-name">#iconjigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmingcheng"></use>
                </svg>
                <div class="name">名称</div>
                <div class="code-name">#iconmingcheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchenggong"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#iconchenggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuxingfenxi"></use>
                </svg>
                <div class="name">图形分析</div>
                <div class="code-name">#icontuxingfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianchazhong"></use>
                </svg>
                <div class="name">提案查重</div>
                <div class="code-name">#icontianchazhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenqingrenguanli"></use>
                </svg>
                <div class="name">申请人管理</div>
                <div class="code-name">#iconshenqingrenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenqinglan"></use>
                </svg>
                <div class="name">申请 蓝</div>
                <div class="code-name">#iconshenqinglan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwu4"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#iconfuwu4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkaixin"></use>
                </svg>
                <div class="name">开心</div>
                <div class="code-name">#iconkaixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkaixin1"></use>
                </svg>
                <div class="name">开心</div>
                <div class="code-name">#iconkaixin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconico"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#iconico</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#iconbianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyonghuming"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#iconyonghuming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconUserpersonavtarprofilepicturedp"></use>
                </svg>
                <div class="name">User, person, avtar, profile picture, dp</div>
                <div class="code-name">#iconUserpersonavtarprofilepicturedp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconWORD"></use>
                </svg>
                <div class="name">WORD</div>
                <div class="code-name">#iconWORD</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontixian"></use>
                </svg>
                <div class="name">提现</div>
                <div class="code-name">#icontixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontixian1"></use>
                </svg>
                <div class="name">提现</div>
                <div class="code-name">#icontixian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontixian2"></use>
                </svg>
                <div class="name">提现</div>
                <div class="code-name">#icontixian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuandui"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#icontuandui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwu"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#iconfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwu1"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#iconfuwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwu2"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#iconfuwu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuwu3"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#iconfuwu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongeren"></use>
                </svg>
                <div class="name">个人</div>
                <div class="code-name">#icongeren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongeren2"></use>
                </svg>
                <div class="name">个人 (2)</div>
                <div class="code-name">#icongeren2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghu"></use>
                </svg>
                <div class="name">账户</div>
                <div class="code-name">#iconzhanghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongangweiquanxian"></use>
                </svg>
                <div class="name">岗位权限</div>
                <div class="code-name">#icongangweiquanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghuxinxi"></use>
                </svg>
                <div class="name">账户信息</div>
                <div class="code-name">#iconzhanghuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icondaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiansuo"></use>
                </svg>
                <div class="name">检索</div>
                <div class="code-name">#iconjiansuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhanghuziliao"></use>
                </svg>
                <div class="name">账户资料</div>
                <div class="code-name">#iconzhanghuziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanli"></use>
                </svg>
                <div class="name">管理</div>
                <div class="code-name">#iconguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcustom-authority"></use>
                </svg>
                <div class="name">审批模型-权限</div>
                <div class="code-name">#iconcustom-authority</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcangpinjiansuo"></use>
                </svg>
                <div class="name">藏品检索</div>
                <div class="code-name">#iconcangpinjiansuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanli1"></use>
                </svg>
                <div class="name">管理</div>
                <div class="code-name">#iconguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongsi"></use>
                </svg>
                <div class="name">公司</div>
                <div class="code-name">#icongongsi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquanxiankuaizhuang"></use>
                </svg>
                <div class="name">权限块状</div>
                <div class="code-name">#iconquanxiankuaizhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongsi_"></use>
                </svg>
                <div class="name">公司&面性</div>
                <div class="code-name">#icongongsi_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongongsi1"></use>
                </svg>
                <div class="name">公司</div>
                <div class="code-name">#icongongsi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkehuziyuanguanli"></use>
                </svg>
                <div class="name">客户资源管理</div>
                <div class="code-name">#iconkehuziyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprintdaoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#iconprintdaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongeshi_yasuobaozip"></use>
                </svg>
                <div class="name">880格式_压缩包zip</div>
                <div class="code-name">#icongeshi_yasuobaozip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongeshi_yasuobaorar"></use>
                </svg>
                <div class="name">881格式_压缩包rar</div>
                <div class="code-name">#icongeshi_yasuobaorar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongeshi_tongyongyasuobao"></use>
                </svg>
                <div class="name">889格式_通用压缩包</div>
                <div class="code-name">#icongeshi_tongyongyasuobao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbuoumaotubiao25"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#iconbuoumaotubiao25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wj-1"></use>
                </svg>
                <div class="name">文件-文件-1</div>
                <div class="code-name">#iconwj-wj-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiaobiaoxuanzhong"></use>
                </svg>
                <div class="name">角标选中</div>
                <div class="code-name">#iconjiaobiaoxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuwenxiangqing"></use>
                </svg>
                <div class="name">图文详情</div>
                <div class="code-name">#icontuwenxiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupian"></use>
                </svg>
                <div class="name">图片 </div>
                <div class="code-name">#icontupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianjiawenzi"></use>
                </svg>
                <div class="name">添加文字</div>
                <div class="code-name">#icontianjiawenzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweixinzhifu"></use>
                </svg>
                <div class="name">微信支付</div>
                <div class="code-name">#iconweixinzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweixinzhifu1"></use>
                </svg>
                <div class="name">微信支付</div>
                <div class="code-name">#iconweixinzhifu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconweixinzhifu2"></use>
                </svg>
                <div class="name">微信支付</div>
                <div class="code-name">#iconweixinzhifu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuzuoquanxinxi"></use>
                </svg>
                <div class="name">著作权信息</div>
                <div class="code-name">#iconzhuzuoquanxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconruanjiankaifabao"></use>
                </svg>
                <div class="name">软件开发包</div>
                <div class="code-name">#iconruanjiankaifabao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontongjifenxi"></use>
                </svg>
                <div class="name">统计分析</div>
                <div class="code-name">#icontongjifenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbanquan1"></use>
                </svg>
                <div class="name">版权</div>
                <div class="code-name">#iconbanquan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangbiaorenzheng"></use>
                </svg>
                <div class="name">商标认证</div>
                <div class="code-name">#iconshangbiaorenzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxi"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#iconfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxi1"></use>
                </svg>
                <div class="name">1分析</div>
                <div class="code-name">#iconfenxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcat_"></use>
                </svg>
                <div class="name">cat_03</div>
                <div class="code-name">#iconcat_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiekuanchulichenggong2"></use>
                </svg>
                <div class="name">借款_处理成功2</div>
                <div class="code-name">#iconjiekuanchulichenggong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconword1"></use>
                </svg>
                <div class="name">word</div>
                <div class="code-name">#iconword1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconword"></use>
                </svg>
                <div class="name">word</div>
                <div class="code-name">#iconword</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpdf"></use>
                </svg>
                <div class="name">pdf</div>
                <div class="code-name">#iconpdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcredentials_icon"></use>
                </svg>
                <div class="name">身份证</div>
                <div class="code-name">#iconcredentials_icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuabanfuben"></use>
                </svg>
                <div class="name">营业执照</div>
                <div class="code-name">#iconhuabanfuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrenminbizhuanyongzhanghu"></use>
                </svg>
                <div class="name">人民币专用账户</div>
                <div class="code-name">#iconrenminbizhuanyongzhanghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconziyuanjrit"></use>
                </svg>
                <div class="name">人民币jrit</div>
                <div class="code-name">#iconziyuanjrit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrenminbi1"></use>
                </svg>
                <div class="name">人民币</div>
                <div class="code-name">#iconrenminbi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrenminbi"></use>
                </svg>
                <div class="name">人民币</div>
                <div class="code-name">#iconrenminbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangbiao"></use>
                </svg>
                <div class="name">商标</div>
                <div class="code-name">#iconshangbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbanquan"></use>
                </svg>
                <div class="name">版权</div>
                <div class="code-name">#iconbanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingdan"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#icondingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanli"></use>
                </svg>
                <div class="name">专利</div>
                <div class="code-name">#iconzhuanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyujing1"></use>
                </svg>
                <div class="name">预警</div>
                <div class="code-name">#iconyujing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconw"></use>
                </svg>
                <div class="name">zzw1</div>
                <div class="code-name">#iconw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconw1"></use>
                </svg>
                <div class="name">zzw2</div>
                <div class="code-name">#iconw1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondui"></use>
                </svg>
                <div class="name">对</div>
                <div class="code-name">#icondui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcuo"></use>
                </svg>
                <div class="name">错</div>
                <div class="code-name">#iconcuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconw2"></use>
                </svg>
                <div class="name">w4</div>
                <div class="code-name">#iconw2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconw3"></use>
                </svg>
                <div class="name">w0</div>
                <div class="code-name">#iconw3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconw4"></use>
                </svg>
                <div class="name">w3</div>
                <div class="code-name">#iconw4</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
